@import '../../../css/workStation/light.less';

.barraStation {
  height: 100vh;
  padding-top: 55px;
  background: @barra_bg;
  overflow: auto;
  padding: 75px 20px 20px 22px;
  :global {
    .ant-tabs-top > .ant-tabs-nav::before {
      bottom: 8px !important;
    }
  }
}
.showOnly {
  > div {
    display: flex;
    flex-flow: column;
    > div {
      margin-bottom: 20px;
      overflow: auto;
      // box-sizing: content-box;
    }
    > div:hover {
      box-shadow: 0 2px 11px 0 @comp_box_shadowColor1, 0 9px 28px 8px @comp_box_shadowColor2, 0 6px 16px 0 @comp_box_shadowColor3, 0 3px 6px -4px @comp_box_shadowColor4;
      border-radius: 10px;
      border: 2px solid @comp_border_color;
    }
    > div:last-child {
      margin-bottom: 0;
    }
  }
}
.showMore {
  > div {
    display: flex;
    flex-flow: wrap;
    > div {
      width: calc(~'(100% - 24px)/2 ');
      margin-right: 20px;
      margin-bottom: 20px;
      // box-sizing: content-box;
    }
    > div:hover {
      box-shadow: 0 2px 11px 0 @comp_box_shadowColor1, 0 9px 28px 8px @comp_box_shadowColor2, 0 6px 16px 0 @comp_box_shadowColor3, 0 3px 6px -4px @comp_box_shadowColor4;
      border-radius: 10px;
      border: 2px solid @comp_border_color;
    }
    > div:nth-child(2n + 2) {
      margin-right: 0;
    }
  }
}
.myModal {
  width: 300px !important;
  height: 98px;
  position: absolute;
  margin: 0 !important;
  left: 0;
  top: 242px;
  background: url('../../../../src/assets/busi/workStation/Barra/modalBg.png');
  box-shadow: 0 9px 28px 8px @barra_box_shadow1, 0 6px 16px 0 @barra_box_shadow2, 0 3px 6px -4px @barra_box_shadow3;
  border-radius: 0 4px 4px 0;
  z-index: 99;
  padding: 16px 0 0 24px;
  p {
    margin: 0;
    padding: 0;
  }

  > p:first-child {
    height: 24px;
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: @sum_font_color;
    line-height: 24px;
    margin-bottom: 12px;
  }
  > p:nth-child(2) {
    height: 22px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: @comp_font_color;
    line-height: 22px;
  }
  > img {
    position: relative;
    left: 246px;
    top: -64px;
    display: inline;
    cursor: pointer;
  }
}
:global {
  #myPortAnalysis {
    .ant-tabs {
      overflow: inherit;
    }
  }
}
